<template>
  <c-layout horizontal>
    <c-aside style="background: pink">aside</c-aside>
    <c-main style="background: green">
      <div style="height: 1000px">main</div>
    </c-main>
  </c-layout>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'HomeView',
  components: {
    HelloWorld,
  },
}
</script>

<style lang="scss" scoped>
.home {
  width: 200px;
  height: 200px;
  background: rgba($color: #000000, $alpha: 0.4);
  color: #fff;
  @include box-center(center, center);
}

input {
  padding: 0;
  outline: none;
  border: none;
}
</style>
